<template>
    <div>
    <Header></Header>
    <Nav></Nav>
    <span class="headertitle">课题上报</span>
    <el-card class="box-card">
        数值统计
        <el-row style="margin-left: 150px;">
        <el-col :span="6">
          <div>
            <el-statistic :value="value2" :title="title"></el-statistic>
          </div>
        </el-col>
            <el-col :span="6">
          <div>
            <el-statistic  title="申报区县教育局数">
              <template slot="formatter">
                  8
              </template>
            </el-statistic>
          </div>
        </el-col>
        <el-col :span="6">
          <div>
            <el-statistic  title="申报局数学校数">
              <template slot="formatter">
                210
              </template>
            </el-statistic>
          </div>
        </el-col>
        </el-row>
    </el-card>

<el-row :gutter="12" class="t1">
  <el-col :span="8">
    <el-card>
        <div>局数学校课题分布</div>
        <span>近七日</span>
        <Main />
    </el-card>
  </el-col>
  <el-col :span="8">
    <el-card>
        <div>各课题研究分布</div>
        <span>近七日</span>
        <Main2 />
    </el-card>
  </el-col>
  <el-col :span="8">
    <el-card>
        <div>课题类型分布</div>
        <span>近七日</span>
        <Main3 />
    </el-card>
  </el-col>
</el-row>
<el-row :gutter="12" class="t2">
  <el-col :span="8">
    <el-card>
        <div>课题学科分布</div>
        <span>近七日</span>
      <Main4 />
    </el-card>
  </el-col>
  <el-col :span="8">
    <el-card>
        <div>课题状态分布</div>
        <span>近七日</span>
      <Main5 />
    </el-card>
  </el-col>
  <el-col :span="8">
    <el-card>
        <div>区县教育系统课题分布</div>
        <span>近七日</span>
      <Main6 />
    </el-card>
  </el-col>
</el-row>
    </div>
</template>

<script>
import Header from '@/components/Header.vue'
import Nav from '@/components/Nav.vue'
import Main from '../Main/main.vue'
import Main2 from '../Main/main2.vue'
import Main3 from '../Main/main3.vue'
import Main4 from '../Main/main4.vue'
import Main5 from '../Main/main5.vue'
import Main6 from '../Main/main6.vue'
import * as echarts from 'echarts';
export default {
    data(){
        return {
            title:'课题申报',
            value2:12,
            type:0,
        }
    },
    components:{
    Header,
    Nav,
    Main,
    Main2,
    Main3,
    Main4,
    Main5,
    Main6,
  },

  methods:{
  }
}
</script>

<style lang="less" scoped>
    .box-card{
        width: 91%;
        height: 130px;
        float: right;
        margin-right: 1%;
        margin-top: -43%;
    }
body{
position: relative;
}
.headertitle{
position: absolute;
top: 0;
z-index: 999;
margin-top: 20px;
margin-left: 180px;
font-size: 16px;
}
.t1{
    width: 91%;
        height: 130px;
        float: right;
        left: -30px;
        margin-top: -35%;
        span{
            color: #aaadae;
        }
}
.t2{
    width: 91%;
        height: 130px;
        float: right;
        left: -30px;
        margin-top: -18%;
        span{
            color: #aaadae;
        }
}
</style>